// components/test2/test2.js
Component({
  options:{
    pureDataPattern:/^_/
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    _rgb:{
      r:0,
      g:0,
      b:0
    },
    fullColor: '0,0,0'
  },
  observers:{
    '_rgb.**':function (obj) {
      this.setData({
        fullColor:`${obj.r},${obj.g},${obj.b}`
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    changeR() {
      this.setData({
        '_rgb.r' : this.data._rgb.r + 20 > 255 ? 0: this.data._rgb.r + 20
      })
    },
    changeG() {
      this.setData({
        '_rgb.g' : this.data._rgb.g + 20 > 255 ? 0: this.data._rgb.g + 20
      })
    },
    changeB() {
      this.setData({
        '_rgb.b' : this.data._rgb.b + 20 > 255 ? 0: this.data._rgb.b + 20
      })
    }
  }
})
